<form id="add-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Title')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-title" class="form-control" name="row[title]" type="text" value="" data-rule="required">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Image')}:</label>
        <div class="col-xs-12 col-sm-8">
            <div class="input-group">
                <input id="c-image" class="form-control" size="50" name="row[image]" type="text" value="" data-rule="required">
                <div class="input-group-addon no-border no-padding">
                    <span><button type="button" id="faupload-image" class="btn btn-danger faupload" data-input-id="c-image" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp,image/webp" data-multiple="false" data-preview-id="p-image"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
                    <span><button type="button" id="fachoose-image" class="btn btn-primary fachoose" data-input-id="c-image" data-mimetype="image/*" data-multiple="false"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
                </div>
                <span class="msg-box n-right" for="c-image"></span>
            </div>
            <ul class="row list-inline faupload-preview" id="p-image"></ul>
            <div class="help-block">建议尺寸：710 * 146</div>
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Type')}:</label>
        <div class="col-xs-12 col-sm-8">
            {:build_select('row[type]', ['travel'=>'文旅', 'video'=>'视频'], null, ['class'=>'form-control selectpicker', 'required'=>'', 'id'=>'c-type'])}
        </div>
    </div>
    <div class="form-group" id="fg-link_id" style="display: none;">
        <label class="control-label col-xs-12 col-sm-2">{:__('关联合集')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-link_id" data-source="video/collection/index" data-field="title" data-primary-key="id" class="form-control selectpage" name="row[link_id]" type="text" value="">
        </div>
    </div>
    <input id="c-weigh" class="form-control" name="row[weigh]" type="hidden" value="0">
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Status')}:</label>
        <div class="col-xs-12 col-sm-8">
            {:build_radios('row[status]', ['0'=>__('Hidden'), '1'=>__('Normal')], 1)}
        </div>
    </div>
    <div class="form-group layer-footer">
        <label class="control-label col-xs-12 col-sm-2"></label>
        <div class="col-xs-12 col-sm-8">
            <button type="submit" class="btn btn-primary btn-embossed disabled">{:__('OK')}</button>
            <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
        </div>
    </div>
</form>
<script>
    $(function () {
        // 初始化时检查类型并控制 Link_id 的显示
        function toggleLinkIdField() {
            if ($('#c-type').val() === 'video') {
                $('#fg-link_id').show();
            } else {
                $('#fg-link_id').hide();
                // 如果不是视频类型，清空 Link_id 的值，根据实际需求决定是否需要
                // $('#c-link_id').selectPageClear(); 
            }
        }

        // 初始加载时调用
        toggleLinkIdField();

        // 当类型改变时调用
        $('#c-type').on('change', function () {
            toggleLinkIdField();
        });
    });
</script>